<style>
    .item:hover {
        background-color: #e4e4e4;
    }
</style>
<div ng-controller="HeaderCtrl">
    <!-- navbar header -->
    <div class="navbar-header {{app.settings.navbarHeaderColor}}">
        <button class="pull-right visible-xs dk" ui-toggle-class="show"
                data-target=".navbar-collapse">
            <i class="glyphicon glyphicon-cog"></i>
        </button>
        <button class="pull-right visible-xs" ui-toggle-class="off-screen"
                data-target=".app-aside" ui-scroll="app">
            <i class="glyphicon glyphicon-align-justify"></i>
        </button>
        <!-- brand -->
        <a class="navbar-brand text-lt">
            <!--<i class="fa fa-btc"></i>-->
            <img class="app-logo" src="img/logo.png" alt=".">
            <!--<span class="hidden-folded m-l-xs" translate="common.title"></span>-->
            <!--<span class="hidden-folded m-l-xs" translate="common.title"></span>-->
            <img class="hidden-folded m-l-xs app-title" src="img/title.png"/>
        </a>
        <!-- / brand -->
    </div>
    <!-- / navbar header -->

    <div
            class="collapse pos-rlt navbar-collapse box-shadow {{app.settings.navbarCollapseColor}}">
        <!-- buttons -->
        <div class="nav navbar-nav hidden-xs">
            <li class="dropdown">
                <!--class="btn no-shadow navbar-btn"-->
                <a href ng-click="app.settings.asideFolded = !app.settings.asideFolded">
                    <i class="fa {{app.settings.asideFolded ? 'fa-indent' : 'fa-dedent'}} fa-fw"></i>
                </a>
            </li>
            <!--主页-->
            <li class="dropdown">
                <a ui-sref="app.block" class="selected">
                    <i class="fa fa-home" tooltip-placement="left"
                       uib-tooltip="{{'common.home' | translate}}"></i>
                </a>
            </li>
            <!--任务中心-->
            <li class="dropdown" iss-permission="PLAN_CENTER">
                <a ui-sref="app.basic.planCenter" class="selected">
                    <i class="fa fa-tasks" tooltip-placement="left"
                       uib-tooltip="{{'common.planCenter' | translate}}"></i>
                </a>
            </li>
            <!--消息-->
            <li class="dropdown" uib-dropdown>
                <a href class="dropdown-toggle" uib-dropdown-toggle>
                    <i class="icon-bell fa-fw"></i>
                    <span class="visible-xs-inline">Notifications</span>
                    <span class="badge badge-sm up bg-danger pull-right-xs">{{vm.infoCount}}</span>
                </a> <!-- dropdown -->
                <div class="dropdown-menu w-xl animated fadeInUp">
                    <div class="panel bg-white">
                        <div class="panel-heading b-light bg-light">
                            <strong> {{'header.notification.totalPrefix' | translate}}
                                <span>{{vm.infoCount}}</span>
                                {{'header.notification.totalSuffix' | translate}}
                            </strong>
                        </div>
                        <div class="list-group">
                            <div class="media list-group-item item" ng-repeat="info in vm.infoList">
								<span class="media-body block m-b-none " ng-click="vm.messageClick(info.infoId)"
                                      style="cursor: pointer">
									{{info.title}}<br> 
									<small class="text-muted">{{info.updateTime}}</small>
								</span>
                            </div>
                            <!-- <div class="media list-group-item">
                                <span class="pull-left thumb-sm">
                                <img src="{{app.loginUser.imageData}}" alt="..." class="img-circle">
                            </span>
                                <span class="media-body block m-b-none">
                                    {{'header.notification.welcome' | translate}}<br> <small
                                    class="text-muted">{{'header.notification.justNow' |
                                        translate}}</small>
                                </span>
                            </div>
                            <div class="media list-group-item">
                                <span class="media-body block m-b-none">
                                    {{'header.notification.version' | translate}} : 1.0<br> <small
                                    class="text-muted">2017-09-06</small>
                                </span>
                            </div> -->
                        </div>
                        <div class="panel-footer text-sm">
                            <!-- <a href class="pull-right"><i class="fa fa-cog"></i></a> -->
                            <a href="#!/app/basic/infocenter"
                               data-toggle="class:show animated fadeInRight">
                                {{'header.notification.showAll' | translate}} <i
                                    class="fa fa-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                </div> <!-- / dropdown -->
            </li>

        </div>
        <!-- / buttons -->
        <ul class="nav navbar-nav navbar-right">
            <!--语言菜单-->
            <!--<li class="dropdown hidden-sm" is-open="lang.isopen" uib-dropdown>-->
            <!--<a href class="dropdown-toggle" uib-dropdown-toggle-->
            <!--translate="{{selectLang}}">-->
            <!--<b class="caret"></b>-->
            <!--</a>-->
            <!--&lt;!&ndash; dropdown &ndash;&gt;-->
            <!--<ul class="dropdown-menu animated fadeInRight w">-->
            <!--&lt;!&ndash;<li ng-repeat="(langKey, label) in langs">&ndash;&gt;-->
            <!--&lt;!&ndash;<a ng-click="setLang(langKey, $event)" href translate="{{label}}"></a>&ndash;&gt;-->
            <!--&lt;!&ndash;</li>&ndash;&gt;-->

            <!--<li ng-repeat="lang in i18n.langs">-->
            <!--<a ng-click="setLang(lang.code, $event)">-->
            <!--{{lang.description}}-->
            <!--</a>-->
            <!--</li>-->
            <!--</ul>-->
            <!--&lt;!&ndash; / dropdown &ndash;&gt;-->
            <!--</li>-->
            <!--全屏-->
            <li class="hidden-xs"><a ui-fullscreen></a></li>
            <li class="dropdown" iss-permission="MENU_1">
                <a ui-sref="setting.log" class="selected">
                    <i class="fa icon-settings" tooltip-placement="left"
                       uib-tooltip="{{'common.sysManage' | translate}}"></i>
                </a>
            </li>
            <!--系统账户-->
            <li class="dropdown" uib-dropdown><a href
                                                 class="dropdown-toggle clear" uib-dropdown-toggle> <span
                    class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">
						<img src="{{app.loginUser.imageData}}" alt="..."> <i
                    class="on md b-white bottom"></i>
				</span> <span class="hidden-sm hidden-md">{{app.loginUser.account}}</span>
                <b class="caret"></b>
            </a> <!-- dropdown -->
                <ul class="dropdown-menu animated fadeInRight w">
                    <!--<button class="btn btn-default no-shadow pos-abt" ui-toggle-class="active" target=".settings">-->
                    <!--<i class="fa fa-spin fa-gear"></i>-->
                    <!--</button>-->
                    <li><a href ui-toggle-class="active" target=".settings"> <span
                            translate="common.settings"></span>
                    </a></li>
                    <!--     之前的头像设置是单独分开的 -->
                    <!--   <li>
                      <a ui-sref="setting.imgSetting">
                          <span translate="common.imgSetting"></span>
                      </a>
                  </li> -->
                    <li><a ui-sref="setting.personal"> <span
                            translate="common.personalCenter"></span>
                    </a></li>
                    <li class="divider"></li>
                    <!--Logout-->
                    <li><a href="logout" translate="common.logout"></a></li>
                </ul> <!-- / dropdown --></li>
        </ul>
    </div>
</div>